<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">


<ui:composition template="../WEB-INF/plantilla/layout.xhtml">
    <ui:define name="contenido">
    	
    	<h:form id="frmOrg">
    		
    		<p:panel header="Busqueda Organizaciones" id="pnlOrg">
    			
    			<h:panelGrid columns="3" id="grid1">
    				
    				<h:outputLabel for="acOrg" value="Nombre" />
					<p:autoComplete id="acOrg" maxResults="50"
							value="#{org.nombre}"
							required="true" label="Organizacion"
							forceSelection="true"
							completeMethod="#{org.completeOrganizacion}" var="o"
							itemLabel="#{o}" itemValue="#{o}"
							size="40">
					</p:autoComplete>
					<p:message for="acOrg" />
					
    			</h:panelGrid>
    			
    			<h:panelGrid  columns="1">
    			
					<p:commandButton id="cmbBusq" update="grid1 panelRes" ajax="true" 
									icon="ui-icon-search"
									value="Buscar" action="#{org.buscar}" >
					</p:commandButton>

				</h:panelGrid>
    		
    		
    		</p:panel>
    		<p:panel header="Resultados" id="panelRes">
    		
    			<p:dataTable value="#{org.listaHallazgos}" var="tbl" rows="15"
					emptyMessage="No hay Hallazgos"
					paginatorPosition="bottom" 
					paginator="true"
					paginatorTemplate="{FirstPageLink} {PreviousPageLink} {NextPageLink} {LastPageLink}">

					<p:column headerText="Organización">
						<h:outputText value="#{tbl.nombreOrganizacion}" />
					</p:column>
					
					<p:column headerText="Sigla">
						<h:outputText value="#{tbl.siglaOrganizacion}" />
					</p:column>
					
					<p:column headerText="NRO">
						<h:outputText value="#{tbl.numeroHallazgo}" />
					</p:column>
					
					<p:column headerText="Nombre">
						<h:outputText value="#{tbl.nombre}" />
					</p:column>
					

				</p:dataTable>
    		
    		</p:panel>
    		
    	</h:form>
    	
    </ui:define>
</ui:composition>
	
</html>
